<template>
   <div>
      <div class="bigbox">
			<div class="container1">
				<div class="left">
					<div class="top">
						<h5>搜索产品</h5>
						<input type="text" class="topin" placeholder="Search Products">
					</div>
					<div class="bottom">
						<h5>Product Categories</h5>
						<ul>
							<li><a href="#">冷热冰糖水系列</a></li>
							<li><a href="#">冷热炖品系列</a></li>
							<li><a href="#">凉粉系列</a></li>
							<li><a href="#">未分类</a></li>
							<li><a href="#">榴莲特区</a></li>
							<li><a href="#">精致糕点类</a></li>
							<li><a href="#">西米露系列</a></li>
							<li><a href="#">豆腐花系列</a></li>
							<li><a href="#">雪山系列</a></li>
						</ul>
						<h5 class="best">Best Sellers</h5>

						<ul class="product">
							<li>
								<a href="#"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-3.jpg"><span
										class="span1">榴莲忘返</span></a>
								<span class="span2">¥40.00</span>
							</li>
							<li>
								<a href="#">
									<img src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-10.jpg"> <span
										class="span1">糖不甩</span></a>
								<span class="span2">¥16.00</span>
							</li>
							<li>
								<a href="http://www.kongkeechina.com/index.php/product/product-4/">
									<img src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-4.jpg"><span
										class="span1">雪山红豆凉粉配云喱嗱雪糕</span>
								</a>
								<span class="span2">¥22.00</span>
							</li>
							<li>
								<a href="#">
									<img src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-1.jpg"><span
										class="span1">榴莲班戟</span></a>
								<span class="span2">¥31.00</span>
							</li>
						</ul>
						<div class="finish">
							<h5>Tags</h5>
						</div>
					</div>
				</div>
			</div>
			<div class="container2">
				<div class="wenzi">
					<span>默认产品排序</span>
					<p>12个搜索结果:</p>
				</div>
				<div class="picture">
					<ul>
						<li>
							<a href="./cf_02.html">
								<div class="bigjiang">
									<img src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-11jpg-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>姜汁莲子雪耳炖雪蛤膏</h5>
										<p>¥38.00</p>
									</div>
                        </div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-8-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>杨枝甘露凉粉</h5>
										<p>¥30.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-3-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>榴莲忘返</h5>
										<p>¥38.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-1-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>榴莲班戟</h5>
										<p>¥31.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-2-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>白雪黑珍珠</h5>
										<p>¥28.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-10-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>糖不甩</h5>
										<p>¥16.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-6-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>红豆沙配豆腐花</h5>
										<p>¥17.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-9-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>莲子陈皮红豆沙</h5>
										<p>¥15.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2017/08/gw-12jpg-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>雪山杨枝甘露配绿茶雪糕</h5>
										<p>¥33.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-4-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>雪山红豆凉粉配云喱雪糕</h5>
										<p>¥22.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-5-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>香蕉班戟</h5>
										<p>¥20.00</p>
									</div>
								</div>
							</a>
						</li>
						<li><a href="./cf_02.html">
								<div class="bigjiang"><img
										src="http://www.kongkeechina.com/wp-content/uploads/2013/10/gw-7-300x220.jpg"
										alt="">
									<div class="jiang">
										<h5>鲜杂果豆腐花(芒汁底)</h5>
										<p>¥33.00</p>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
      <FooterTop></FooterTop>
   </div>
</template>

<script>
import FooterTop from "../../components/container/FooterTop.vue"
   export default {
      components: {
         FooterTop
      },
   }
</script>

<style lang="scss" scoped>
@import url(../../assets/css/2.css);
</style>